<script setup>
import {useRouter} from "vue-router";

const router = useRouter()
const goBack = () => {
  router.push('/recreationClubStart')
}
</script>

<template>
  <div class="club-rules">
    <h2 style="text-align: center">社团规章制度</h2>
    <hr>
    <h3>一、总则</h3>
    <p>明确社团成立的目的和意义，如促进学术研究、培养艺术兴趣、提升体育技能等。</p>

    <h3>二、成员管理：</h3>
    <p>1.成员资格：</p>
    <p>对社团活动有兴趣的个人，均可申请加入本社团。遵守社团的规章制度，积极参与社团活动。</p>
    <p>2. 成员权利：</p>
    <p>参与社团组织的各项活动。对社团的工作提出建议和批评。选举和被选举为社团干部。</p>
    <p>3. 成员义务：</p>
    <p>遵守社团的各项规章制度。 积极参与社团组织的活动，完成社团分配的任务。 维护社团的声誉和形象。</p>

    <h3>三、组织机构</h3>
    <p>1. 社团设立社长一名，副社长一名。</p>
    <p>2. 社长负责社团的全面工作，副社长协助社长工作。</p>
    <p>3. 社团定期召开干部会议，讨论社团的工作和活动安排。</p>

    <h3>四、活动管理</h3>
    <p>1. 社团根据成员的兴趣和需求，定期组织各类活动。</p>
    <p>2. 活动的策划和组织由社团干部负责，提前制定详细的活动计划。</p>
    <p>3. 活动结束后，对活动进行总结和评估，以便改进后续活动。</p>

    <h3>五、财务管理</h3>
    <p>1. 社团经费来源包括成员会费、赞助和捐赠等。</p>
    <p>2. 经费由专人负责管理，建立详细的财务账目。</p>
    <p>3. 经费的使用需经过社团干部会议讨论决定，并定期向成员公布财务收支情况。</p>

    <h3>六、纪律要求</h3>七、附则
    <p>1. 成员应按时参加社团活动，如有特殊情况需提前请假。</p>
    <p>2. 不得在社团活动中从事违法、违规或违反社团宗旨的行为。</p>
    <p>3. 对于违反社团规章制度的成员，视情节轻重给予警告、暂停成员资格或开除等处分。</p>

    <h3>七、附则</h3>
    <p>1. 本规章制度的解释权归社团所有。</p>
    <p>2. 本规章制度自发布之日起生效，如有修改，需经社团成员大会讨论通过。</p>
    <hr>

    <div class="rules_button">
      <el-button type="primary" @click="goBack()" size="large">返回</el-button>
    </div>
  </div>
</template>

<style scoped>
.club-rules {
  padding: 50px 200px 200px;
}

.rules_button {
  margin-left: 900px;
  width: 60%;
  display: flex;
  justify-content: space-between;
}
</style>